<%-- 
    Document   : login
    Created on : Feb 15, 2012, 10:13:13 PM
    Author     : Admin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Recruitment</title>
        <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
        <link rel="stylesheet" href="./css/webstarter-login.css" type="text/css" media="screen" />

        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script type="text/javascript" src="js/additional-methods.js"></script>
        <script type="text/javascript" src="js/jquery.validate.js"></script>

        <script type="text/javascript">

            $(function() {

                $("#insert").validate({
                    rules:{
                        username: {
                            required:true
                        },
                        password: {
                            required:true
                        }
                    }
                })

            });

        </script>
    </head>
    <body>
        <div id="bg">
            <div id="core">
                <div id="logo">
                    <img src="./img/ws_login_logo_2.png" alt="Logo" />
                </div>

                <div id="box">
                    <form id="insert" action="loginHr.do" method="post">
                        <div id="pleaseLogin">
                            
                            <div id="pleaseLoginLeft">Recruitment:</div>
                            <div id="pleaseLoginRight">Please log in to continue</div>

                            <div class="clear"></div>
                        </div>

                        <div class="space3"></div>
                            <p style="color: #C92036;">${requestScope.error}</p>
                        <div class="space3"></div>

                        <div id="emailField">
                            <input type="text" name="username" value="" />
                        </div>

                        <div class="space10"></div>
               
                        <div id="passwordField">
                            <input type="password" name="password" value="" />
                        </div>

                        <div class="space10"></div>

                        <div id="loginButton">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="submit" value="Login" style="background-image: url('./img/ws_buttons_bg.png'); width: 75px; height: 25px;" />
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="reset" value="Reset" style="background-image: url('./img/ws_buttons_bg.png'); width: 75px; height: 25px;" />
                        </div>

                        <div class="clear"></div>

                        
                    </form>
                </div><!-- END OF #box -->
            </div><!-- END OF #core -->
        </div><!-- END OF #bg -->
    </body>
</html>
